<%- include('layout/header', { title: '空间 - 个人主页', isNav: true, list: true })%>

    <div class="container margin-top-20">
        <div class="row">
            <!-- 左侧 -->
            <div class="col-8">
                <h4 class="margin-bottom-20 padding-bottom-10 border-bottom">个人空间</h4>

                <% if (blogData.isEmpty) { %>
                    <div>
                        <center>暂无数据</center>
                    </div>
                    <% } else { %>
                        <!-- 空间列表 第一页 -->
                        <div id="container-fun-space-list" class="fun-space-list">
                            <%- include('widgets/blog-list', {
                        blogList: blogData.blogList
                    })%>
                        </div>
                        <!-- 空间列表 结束 -->
                        <!-- 加载更多 -->
                        <% if (blogData.count > blogData.blogList.length) { %>
                            <%- include('widgets/load-more', {
                        pageSize: blogData.pageSize,
                        pageIndex: blogData.pageIndex,
                        count: blogData.count,
                        containerSelector: '#container-fun-space-list',
                        api: '/api/profile/loadMore/' + userData.userInfo.userName,
                    })%>
                                <% } %>
                                    <!-- 加载更多 结束 -->
                                    <% } %>
            </div>
            <!-- 左侧结束 -->

            <!-- 右侧 -->
            <div class="col-4">
                <!-- 个人信息 -->
                <div class="right-item">
                    <%- include('widgets/user-info', {
                    userInfo: userData.userInfo,
                    isMe: userData.isMe,
                    amIFollowed: userData.amIFollowed,
                    atCount: userData.atCount
                });%>
                </div>

                <!-- 粉丝 -->
                <%- include('widgets/fans', {
                count: userData.fansData.count,
                userList: userData.fansData.list
            })%>
                    <!-- 关注 -->
                    <%- include('widgets/followers', {
                count: userData.followersData.count,
                userList: userData.followersData.list
            })%>
            </div>
            <!-- 右侧结束 -->
        </div>
    </div>

    <%- include('layout/footer')%>